<template>
    <div class="wrapper">
        <h1>PropsZi-4-Attrs</h1>
        我用个a: {{ a }}, 其他不用: {{ $attrs }}

        <!-- 通过v-bind透传$attrs -->
        <PropsSu1Attrs v-bind="$attrs"></PropsSu1Attrs>
    </div>
</template>

<script lang="ts" setup name="PropsZi4Attrs">

import { ref } from 'vue'
import PropsSu1Attrs from './PropsSu1Attrs.vue'

defineProps(['a'])

</script>

<style scoped>
.wrapper {
    background-color: skyblue;
    box-shadow: 0 0 10px;
    border-radius: 10px;
    padding: 20px;
    margin: 20px
}

button {
    margin: 0 5px;
}
</style>